<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title><include file="./Application/Home/View/Common/title_prefix_text.html" />账号设置</title>
    <include file="./Application/Home/View/Common/head_meta.html" />
</head>
<body>
    <div class="wrap">
        <!--通知栏-->
        <include file="./Application/Home/View/Common/backup/header_nav.html" />
        <!--通知下面的所有区域-->
        <div class="main">
            <!--左侧菜单栏-->
            <include file="./Application/Home/View/Common/backup/nav.html" />
            <input type="hidden" value="{$_GET['error']}" class="error_prompt">
            <!--右侧内容区域-->
            <div class="main_left">
                <p class="headline">账号设置</p>
                <div class="account_setting">
                    <div class="head_portrait pull-left">
                        <img src="" alt="" onerror="this.src='__RESPATH__/images/default_user_face.png';">
                        <p class="modify" data-toggle="tooltip" title="点击编辑头像"><span class="glyphicon glyphicon-plus"></span>修改头像</p>
                    </div>
                    <p class="nickname">微知名称：
                        <span id="nickname"></span>
                    </p>
                    <p>
                        邮<em></em>箱：
                        <span id="user_email"></span>
                    </p>
                    <p class="p_space">
                        <span>账号行业：</span>
                        <span id="account_domain"></span>
                        <if condition="$industry_save_count eq 'yes'">
                            <span id="industry_modify" class="spa_edit pull-right" id="" data-toggle="modal" data-target="#edit_industry">修改</span>
                        </if>
                    </p>
                    <p>
                        手<em></em>机：
                        <span id="phone"></span>
                        <span class="spa_edit pull-right" id="phone_edit" data-toggle="modal" data-target="#edit_mobilephone">修改手机</span>
                    </p>
                    <p class="p_space">
                        <span>账号地域：</span>
                        <span id="account_territory"></span>
                        <span class="spa_edit pull-right" id="region_edit" data-toggle="modal" data-target="#edit_region">修改</span>
                    </p>
                    <p id="score">
                        积分&nbsp;&nbsp;
                        <a class="green" id="score_count" href="/score"></a>
                    </p>
                    <p>
                        密<em></em>码：
                        <span>*********</span>
                        <span class="spa_edit sp-margin pull-right" id="pwd_edit" data-toggle="modal" data-target="#edit_password">修改密码</span>
                    </p>
                </div>
                <p class="headline">关联账号</p>
                <div class="public_number">
                    <div class="submap bp_active" href="#public" data-toggle="tab">微信公众号</div>
                    <div class="submap" href="#weibo" data-toggle="tab">新浪微博</div>
                    <div class="submap" href="#toutiao" data-toggle="tab">头条号</div>
                    <hr>
                    <div class="tab-content">
                        <div class="tab-pane fade in active clearfix" id="public">
                            <p>为了使未认证的公众号享受和认证号一样的服务，您需要在我们平台进行账号登录授权</p>
                            <div class="add_pub green">
                                <span class="glyphicon glyphicon-plus"></span> 新增绑定
                                <input type="hidden" value="" id="url">
                            </div>
                            <foreach name="results" item="gzh">
                                <div class="gzh_detail" appid="{$gzh['app_id']}" loginAccount="{$gzh['login_account']}">
                                    <img alt="" src="{$gzh['image']}" onerror="this.src='__RESPATH__/images/default_face.png';">
                                    <p class="gzh_type">
                                        <if condition="$gzh['service_type_info'] eq 0">
                                            <span class="iconfont icon-dingyuehao"></span>
                                            <span class="gah_type_name"></span>
                                            <elseif condition="$gzh['service_type_info'] eq 2" />
                                            <span class="iconfont icon-server"></span>
                                            <span class="gah_type_name"></span>
                                            <else/>
                                            <span class="iconfont icon-dingyuehao"></span>
                                            <span class="gah_type_name"></span>
                                        </if>
                                        <span class="gzh_name">{$gzh['user_name']}</span>
                                    </p>
                                    <if condition="$gzh['verify_type_info'] eq -1 || !isset($gzh['verify_type_info'])">
                                        <button type="button" class="button_state button_state_green pull-left login-auth">
                                            <if condition="$gzh['login_account']">
                                                <span>修改授权</span>
                                                <else/>
                                                <span>登录授权</span>
                                            </if>
                                        </button>
                                        <else/>
                                        <button type="button" class="button_state pull-left">已认证</button>
                                    </if>
                                    <p id="sync" class="pull-left synchro spa_gray" data-toggle="modal" data-target="#synch_modal">
                                        <input type="hidden" id='time' value="{$gzh['sync_time']}">
                                        <if condition="$gzh['sync_time'] eq '未同步'">
                                            未同步
                                            <else/>
                                            <a title="" id="sync_time">素材同步</a>
                                        </if>
                                    </p>
                                    <div class="account_set">
                                        <span class="iconfont icon-shezhi"> </span><a href="javascript:;">设置</a>
                                        <div class="set_tip">
                                            <div class="arrow"></div>
                                            <a href="/gzhArtStyle?appid={$gzh['app_id']}">默认模板</a>
                                            <a data-toggle="modal" href="#watermark" class="edit_watermark">图片水印</a>
                                        </div>
                                    </div>
                                </div>
                            </foreach>
                        </div>
                        <div class="tab-pane fade clearfix" id="weibo"></div>
                        <div class="tab-pane fade" id="toutiao">
                            <p>因头条官网授权机制问题，您需要在头条官网保持退出状态，才可以进行新增授权！</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--页面底部-->
        <include file="./Application/Home/View/Common/footer.html" />
        <!-- 公众号绑定引导 -->
        <div class="guide_dwrap">
            <div class="account_bind">
                <div class="left"></div>
                <div class="right clearfix">
                    <div class="zuob fl">
                        <div class="wenz">点击绑定第三方账号！</div>
                        <div class="caoz">
                            <a href="javascript:;">知道了</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="account_zhangh">
                <div class="left"></div>
                <div class="right clearfix">
                    <div class="zuob fl">
                        <div class="wenz">设置多账号来这里！</div>
                        <div class="caoz">
                            <a href="javascript:;">知道了</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="account_mould">
                <div class="left"></div>
                <div class="right clearfix">
                    <div class="zuob fl">
                        <div class="wenz">点这里，快速设置
                            <br/>默认模板！</div>
                        <div class="caoz">
                            <a href="javascript:;">我知道啦</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 修改邮箱模态框 -->
    <div class="modal fade" data-backdrop="static" id="edit_email" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">修改邮箱</h4>
                </div>
                <div class="modal-body" style="height: 150px;">
                    <p>邮箱：
                        <input type="text" id="txt_email" class="alter_text" />
                    </p>
                    <p class="warning_msg"><span>请输入正确的邮箱格式</span></p>
                </div>
                <div class="modal-footer">
                    <button id="btn_email_save" type="button" class="btn-success edit_pwd_btn">发送邮件</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 修改手机模态框 -->
    <div class="modal fade phone_modify" data-backdrop="static" id="edit_mobilephone" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">修改手机号</h4>
                </div>
                <div class="modal-body">
                    <table class="table_phone">
                        <tr>
                            <td align="right" width="35%">手机号：</td>
                            <td>
                                <input type="text" id="txt_mobilephone" class="alter_text" placeholder="请输入您的手机号" />
                                <button type="button" class="btn btn-success get-code">获取验证码</button>
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>
                                <p class="warning_msg" id="mobilephone_warning_msg"><span>请输入正确的手机号格式</span></p>
                            </td>
                        </tr>
                        <tr>
                            <td align="right">验证码：</td>
                            <td>
                                <input id="verify_input" type="text" placeholder="请输入验证码" />
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>
                                <p class="warning_msg" id="verify_warning_msg"><span></span></p>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="modal-footer">
                    <button id="btn_mobilephone_save" type="button" class="btn btn-success edit_pwd_btn">保存</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal" aria-label="Close">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 修改密码模态框 -->
    <div class="modal fade" data-backdrop="static" id="edit_password" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">修改密码</h4>
                </div>
                <div class="modal-body pwd-body">
                    <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;旧密码：
                        <input type="password" placeholder="请输入您正在使用的密码" class="pwd_text" id="old_pswd"/>
                    </p>
                    <p class="warning_msg">
                        <span class="hide">
                            <span class="iconfont icon-iconyichu01"></span>
                            <span id="old_msg"></span>
                        </span>
                    </p>
                    <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;新密码：
                        <input type="password" placeholder="请输入您想要修改的新密码" class="pwd_text" id="pswd"/>
                    </p>
                    <p class="warning_msg">
                        <span class="hide">
                            <span class="iconfont icon-iconyichu01"></span>
                            <span id="new_msg"></span>
                        </span>
                    </p>
                    <p>
                        再次输入：
                        <input type="password" placeholder="请再次输入新密码" class="pwd_text" id="pwd_repeat"/>
                    </p>
                    <p class="warning_msg">
                        <span class="hide">
                            <span class="iconfont icon-iconyichu01"></span>
                            <span id="new_msg2"></span>
                        </span>
                    </p>
                </div>
                <div class="modal-footer">
                    <button id="btn_pwd_save" type="button" class="btn btn-success edit_pwd_btn">保存</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal" aria-label="Close">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 修改行业 -->
    <div class="modal fade" style="top: -150px" data-backdrop="static" id="edit_industry" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">修改行业</h4>
                </div>
                <div class="modal-body">
                    <div class="field_title">您只有修改一次行业信息的机会，请慎重选择！</div>
                    <div class="field_content">
                        <span class="field_choice_title">选择行业：</span>
                        <div class="field_choice_content">
                            <span>请选择行业</span>
                            <div class="caret"></div>
                        </div>
                        <div class="field_choice_option">
                            <ul></ul>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button id="btn_field_save" class="btn btn-success button-active detail-confirm">确定</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal" aria-label="Close">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 修改地域 -->
    <div class="modal fade" data-backdrop="static" id="edit_region" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">修改地域</h4>
                </div>
                <div class="modal-body">
                    <span style="line-height: 35px;">选择地域：</span>
                    <select class="selectpicker" data-width="190px" id="user_pro"></select>
                    <select class="selectpicker" data-width="210px" id="user_city"></select>
                </div>
                <div class="modal-footer">
                    <button id="btn_area_save" class="btn btn-success">确定</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal" aria-label="Close">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 修改昵称模态框 -->
    <div class="modal fade" data-backdrop="static" id="edit_nickname" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">修改昵称</h4>
                </div>
                <div class="modal-body">
                    <table class="edit_nn_tbl">
                        <colgroup>
                            <col width="28%" />
                            <col width="72%" />
                        </colgroup>
                        <tbody>
                            <tr>
                                <td align="right">昵称：</td>
                                <td>
                                    <input type="text" id="txt_nickname" />
                                </td>
                            </tr>
                            <tr>
                                <td></td>
                                <td class="warning_msg"><span id="warning_msg">请输入正确的昵称格式</span></td>
                            </tr>
                            <tr>
                                <td colspan="2" align="center">
                                    <button id="btn_pname_save" type="button" class="bigwe_default_btn edit_pwd_btn">保存</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!-- 查看邀请信息模态框 -->
    <div class="modal fade" data-backdrop="static" id="check_invitation" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">邀请好友</h4>
                </div>
                <div class="modal-body">
                    <table class="tbl_invitation">
                        <tr>
                            <td colspan="2" align="left">请将邀请链接或邀请码发送给好友</td>
                        </tr>
                        <tr>
                            <td align="left">邀请链接：</td>
                            <td>
                                <input id="invitation_link" readonly="readonly" type="text" value="{$invitation_link}" title="{$invitation_link}">
                                <button id="copy_link" class="btn btn-success" type="button" data-clipboard-target="#invitation_link">复制</button>
                            </td>
                        </tr>
                        <tr>
                            <td align="left" class="letter_spacing">邀请码：</td>
                            <td>
                                <input id="invitation_code" readonly="readonly" type="text" value="{$invitation_code}" title="{$invitation_code}">
                                <button id="copy_code" class="btn btn-success" type="button" data-clipboard-target="#invitation_code">复制</button>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success" data-dismiss="modal" aria-label="Close">确定</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal" aria-label="Close">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 修改水印设置 -->
    <div class="modal fade watermark" data-backdrop="static" id="watermark" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">图片水印设置</h4>
                </div>
                <div class="modal-body">
                    <div>
                        <div class="div-img-preview">
                            <img src="http://www.bigwe.com/upload/watermark/get_watermark_img?type=0&name=%E5%85%AC%E4%BC%97%E5%8F%B7%E5%90%8D%E7%A7%B0" alt="预览" />
                            <span class="spa_gray">预览图</span>
                        </div>
                        <div class="div-choose-preview">
                            <p>设置图文消息和图片消息的水印</p>
                            <ul>
                                <li>
                                    <label>
                                        <input type="radio" name="rad-watermark" value="1" />&nbsp;使用微信号</label>
                                </li>
                                <li>
                                    <label>
                                        <input type="radio" name="rad-watermark" value="2" />&nbsp;使用微信公众号名称</label>
                                </li>
                                <li>
                                    <label>
                                        <input type="radio" name="rad-watermark" value="3" />&nbsp;使用微知Logo+微信号</label>
                                </li>
                                <li>
                                    <label>
                                        <input type="radio" name="rad-watermark" value="4" />&nbsp;使用微知Logo+微信公众号名称</label>
                                </li>
                                <li>
                                    <label>
                                        <input type="radio" name="rad-watermark" value="0" />&nbsp;不添加</label>
                                </li>
                            </ul>
                            <input type="hidden" id="watermark_appID" />
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" id="watermark_sure" class="btn btn-success bigwe_default_btn">确定</button>
                    <button type="button" class="btn btn-default cancel" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 同步素材 -->
    <div class="modal fade synch-modal" data-backdrop="static" id="synch_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">同步素材</h4>
                </div>
                <div class="modal-body">
                    <p class="select-block">
                        <select class="selectpicker" data-width="190px">
                            <option>同步素材到微知</option>
                        </select>
                    </p>
                    <div class="synch-list">
                        <label class="synch-check spa_gray hide">
                            <input type="checkbox" disabled="disabled" />&nbsp;全部</label>
                        <label class="synch-check spa_gray hide">
                            <input type="checkbox" disabled="disabled" />&nbsp;文字素材</label>
                        <label class="synch-check spa_gray">
                            <input type="checkbox" checked="checked" value="mpnews" />&nbsp;图文消息</label>
                        <label class="synch-check spa_gray hide">
                            <input type="checkbox" disabled="disabled" />&nbsp;视频素材</label>
                        <label class="synch-check spa_gray">
                            <input type="checkbox" value="image" />&nbsp;图片素材</label>
                        <label class="synch-check spa_gray hide">
                            <input type="checkbox" disabled="disabled" />&nbsp;音频素材</label>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success ok">确定</button>
                    <button type="button" class="btn btn-default cancel" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 编辑头像 -->
    <div class="modal fade" data-backdrop="static" id="avatar_modal" tabindex="-1">
        <div class="modal-dialog modal-lg" style="width: 700px;">
            <div class="modal-content">
                <form class="avatar-form" action="/myAccount/save_face_img" enctype="multipart/form-data" method="post">
                    <div class="modal-header">
                        <button class="close" data-dismiss="modal" type="button">&times;</button>
                        <h4 class="modal-title" id="avatar-modal-label">更换头像</h4>
                    </div>
                    <div class="modal-body">
                        <div class="avatar-body">
                            <!-- Crop and preview -->
                            <div class="row">
                                <div class="col-xs-9">
                                    <div class="avatar-wrapper"></div>
                                </div>
                                <div class="col-xs-3">
                                    <div class="avatar-preview preview-lg"></div>
                                    <!-- Upload image and data -->
                                    <div class="avatar-upload">
                                        <input class="avatar-src" name="avatar_src" type="hidden" />
                                        <input class="avatar-data" name="avatar_data" type="hidden" />
                                        <label for="avatarInput">头像上传</label>
                                        <input class="avatar-input" id="avatarInput" accept="image/jpeg,.jpg,.jpeg,image/png,.png,image/gif,.gif,image/bmp,.bmp" name="avatar_file" type="file" />
                                    </div>
                                </div>
                            </div>
                            <div class="row avatar-btns">
                                <div class="col-xs-9 avt_tit"></div>
                                <div class="col-xs-3">
                                    <button class="btn btn-success btn-block avatar-save" type="submit">确定</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <include file="./Application/Home/View/Common/backup/send_preview.html" />
</body>
</html>
